<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org" xmlns="http://www.w3.org/1999/html">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <meta name="content-type" content="text/html; charset=UTF-8" />
    <title>广告管理</title>
    <link rel="stylesheet" th:href="@{/bootstrap/css/bootstrap.min.css}" type="text/css" media="screen" />

    <link rel="stylesheet" th:href="@{/lightbox2/css/lightbox.min.css}">
</head>
<body>


<div class="panel panel-default">
    <ol class="breadcrumb">
        <li><a href="#">广告管理</a></li>
        <li class="active">广告列表</li>
    </ol>
    <!-- Table -->
    <table class="table table-striped">
        <tr>
            <th><span>ID</span></th>
            <th><span>广告图片</span></th>
            <th><span>操作</span></th>
        </tr>
        <th:block th:if="${not #lists.isEmpty(bannerList)}">
            <tr th:each="banner : ${bannerList}">
                <td th:text="${banner.id}"></td>
                <td>
                    <a class="example-image-link" th:href="${'/admin/banner/pics/'+banner.picName}" data-lightbox="example-1">
                        <img class="example-image" th:src="${'/admin/banner/pics/'+banner.picName}" style="width: 50px;height: 50px;" />
                    </a>
                </td>
                <td><a th:href="${'/admin/banner/update?id='+banner.id}"><span>修改</span></a></td>
            </tr>
        </th:block>
    </table>

    <ul class="pager">
        <li id="liPrePage">
            <a th:if="${not isFirstPage}" th:href="@{${'/admin/banner/'}(pageNum=${pageNum-1},pageSize=${pageSize})}">
                <
            </a>
            <a th:if="${isFirstPage}" href="javascript:void(0);">
                <
            </a>
        </li>
        <li id="liNextPage">
            <a th:if="${not isLastPage}" th:href="@{${'/admin/banner/'}(pageNum=${pageNum+1},pageSize=${pageSize})}">
                >
            </a>
            <a th:if="${isLastPage}" href="javascript:void(0);">
                >
            </a>
        </li>
    </ul>
</div>


<script th:src="@{/lightbox2/js/lightbox-plus-jquery.min.js}"></script>

</body>
</html>